

<template>
  <div>
    <!-- 右侧菜单 -->

    <a-col :md="24" class="asideTop-a">
      <a-col :md="24">
        <a-col :md="24">
          <a-col :md="3">上级部门：</a-col>
          <a-col :md="20" offset="1">商务中心</a-col>
        </a-col>
        <a-col :md="24">
          <a-col :md="3">部门编码：</a-col>
          <a-col :md="20" offset="1">umbrella-U.B.C.S-098</a-col>
        </a-col>
        <a-col :md="24">
          <a-col :md="3">部门名称：</a-col>
          <a-col :md="20" offset="1">宝安商务</a-col>
        </a-col>
        <a-col :md="24">
          <a-col :md="3">部门负责人：</a-col>
          <a-col :md="20" offset="1">艾达王</a-col>
        </a-col>
        <a-col :md="24">
          <a-col :md="3">部门描述：</a-col>
          <a-col :md="20" offset="1">保安商务阿尔法小组</a-col>
        </a-col>
        <a-col :md="24">
          <a-col :md="3">标签：</a-col>
          <a-col :md="20" offset="1">umbrella-U.B.C.S-098</a-col>
        </a-col>
      </a-col>
    </a-col>
  </div>
</template>

<script>
export default {
  name: 'TableList',
  components: {},
  data() {
    return {}
  },

  methods: {},
}
</script>
<style  lang="less">
.asideTop-a {
  background-color: #fff;
  height: 300px;
  display: flex;
  align-items: center;
  .ant-col-md-24 {
    margin: 10px 0 5px 0;
    .ant-col-md-3 {
      text-align: right;
      font-size: 16px;
      font-family: Source Han Sans SC;
      color: #2f2f2f;
    }
  }
}
</style>
